.content {
	margin: 0 !important;

	.head {
		display: flex;
		justify-content: space-between;
		padding: 1.5rem;

		.title {
			display: flex;
			align-items: center;

			.label {
				margin: 0 1rem 0 0;
			}

			.date {
				color: var(--color-text-2);
				font-size: var(--text-xs);
			}
		}
	}
	.row {
		display: flex;

		.flex1 {
			flex: 1;
		}

		.flex2 {
			flex: 2;
		}

		.flex3 {
			flex: 3;
		}
	}

	.trend {
		height: 20rem;
	}

	.category-pie {
		height: 23rem;
	}
	:global {
		.CalendarMonth_table {
			margin-top: 0.75rem;
		}
	}
}
